02
AZR · VISUAL SYSTEM · UNIT 02 OF 10
الخطوط
ثلاثة خطوط، ثلاثة أدوار، هرمية واحدة. كل خط يجيب على سؤال مختلف في المخرج. لا تزاوج يصح دون فهم لماذا الثلاثة وليس اثنان أو أربعة.
TYPE · SYSTEM
3 TYPEFACES
IBM PLEX
INSTR. SERIF
JBMONO
THE THREE-LAYER SYSTEM · النظام الثلاثي الطبقات

ثلاثة خطوط — ثلاثة أسئلة

كل خط يجيب على سؤال مختلف. لا يُختار الخط بناءً على الجماليات — بناءً على طبيعة المعلومة.

١
IBM Plex Sans Arabic
MEANING · المعنى
"ما الذي تقوله؟"
كل نص وظيفي — العنوان، الجسم، الوصف، الجملة. الخط الذي يحمل الفكرة. إذا لم تعرف أي خط تختار، فهذا هو.
٢
JetBrains Mono
TAXONOMY · التصنيف
"ما نوع هذه المعلومة؟"
كل ما هو metadata — اسم الوحدة، اسم التوكن، رقم الصفحة، التاريخ، التسمية فوق القسم، الصيغة. يُخبر القارئ أن ما يراه هو "تعريف" وليس "محتوى".
٣
Instrument Serif
PAUSE · اللحظة
"أين يتوقف القارئ؟"
لحظات الانفعال — رقم القسم الكبير، الاقتباس المفتاحي، الكلمة الإيطالية في العنوان، الرقم الكبير في slide البيانات. نادر ومقصود.
القاعدة الأساسية: قبل اختيار الخط، اسأل نفسك أي سؤال من الثلاثة يصف هذا النص. الإجابة تعطيك الخط مباشرة. إذا لم يكن أياً منها — راجع ما إذا كان النص ضرورياً أصلاً.
TYPEFACE 01 · الخط الأول

IBM Plex Sans Arabic — الخط الحامل

الأساس الذي يقوم عليه كل شيء. مصمم خصيصاً للمحتوى العربي-اللاتيني المزدوج. أوزان أربعة لأربع حالات مختلفة.

IBM Plex
Sans Arabic
من أكثر الخطوط دقةً في معالجة التضاد بين العربية الثقيلة والخفيفة. الـLight يشعر بالهواء، والـBold يشعر بالأرض — في نفس العائلة.
IBM TYPE
4 WEIGHTS
AR + EN
PRIMARY
WORKHORSE
Light · 300
النظام البصري لآزر
العناوين الكبيرة التي تريدها هواءً لا ثقلاً. page titles. الأوصاف الطويلة الأنيقة. الحد الأدنى 24px.
Regular · 400
النظام البصري لآزر
كل النص الوظيفي — الجسم، الشرح، الوصف. الوزن الافتراضي لأي نص قابل للقراءة.
Medium · 500
النظام البصري لآزر
العناوين الفرعية، الروابط، أسماء الأقسام، أي نص يحتاج حضوراً أكثر من Regular بدون صراخ Bold.
Bold · 700
النظام البصري لآزر
العناوين الرئيسية في الشرائح، أسماء الأرقام الكبيرة، أي نص محوري واحد في الصفحة.
ما يميزه للعربية
  • → الـLight العربي نادر ومصمم بعناية — يعمل بتوازن فاخر على الحروف المتصلة
  • → يدعم اللاتيني والأرقام بنفس الجودة — لا تبديل خط في النص المختلط
  • → الأوزان متدرجة بشكل بصري صحيح — كل وزن مختلف بما يكفي عن سابقه
قواعد المسافة والتباعد
  • → letter-spacing للعربية: صفر دائماً أو سالب للعرض. الإيجابي يُفكك الكلمة.
  • → line-height للعربية: 1.6 للجسم، 1.0–1.1 للعناوين الكبيرة (line-height:1 مقبول فوق 48px)
  • → text-wrap: pretty على كل نص عربي — يمنع كسر الكلمات في نهاية السطر
TYPEFACE 02 · الخط الثاني

Instrument Serif — خط اللحظة

لا يُستخدم أكثر من 2–3 مرات في المخرج الواحد. كلما قلّ حضوره زاد أثره. كسر إيقاع IBM Plex — هذا هو دوره الوحيد.

Instrument
Serif
الإيطالية هي روحه — الـregular أقل استخداماً. يجلب التوتر البصري الصحيح في اللحظة الحرجة.
KLIM TYPE
2 STYLES
EN · LATIN
ACCENT
SPARINGLY
Regular
The Vision
نادر جداً — فقط حين الإيطالية غير مناسبة. الأسماء الإنجليزية في البيانات الأرقامية.
Italic ← الأهم
The Vision
أرقام الأقسام الكبيرة، الكلمة المحورية في العنوان، pull quotes الإنجليزية، الـhero numerals.
الاستخدام 01
٣
أرقام الأقسام
في sec-header كرقم إيطالي كبير. كسر بصري ناعم قبل العنوان.
الاستخدام 02
النظام المفتوح
الكلمة المحورية
كلمة واحدة في العنوان بالإيطالية السيريفية. تكسر التجانس في اللحظة الصحيحة.
الاستخدام 03
68%
الأرقام الكبيرة
الـhero number في شريحة البيانات. الإيطالية تجعل الرقم "يتنفس" ويشعر بالأهمية.
الاستخدام 04
"Clarity is not simplification"
Pull quotes إنجليزية
الاقتباسات الإنجليزية فقط — لا يحمل حروف عربية.
تحذير جوهري: Instrument Serif لا يحمل حروفاً عربية. لا تُستخدم لأي نص عربي — حتى الكلمة الواحدة. في السياق العربي يظهر كمستطيل فارغ أو يتراجع لخط احتياطي غير مقصود.
TYPEFACE 03 · الخط الثالث

JetBrains Mono — خط النظام

يقول للقارئ: "ما تراه هنا هو تعريف، ليس محتوى." أداة تصنيف بصري لا خط قراءة. عرضه الثابت (monospaced) هو رسالته: هذه بيانات منظمة.

JBRAINS
MONO
EACH CHARACTER = EQUAL WIDTH
ARABIC = NOT SUPPORTED
ROLE = SYSTEM LAYER ONLY
JETBRAINS
3 WEIGHTS
EN ONLY
SYSTEM
METADATA
Light · 300
AZR · 2026 · V1.0
الـwatermarks، الـfooter dates، أكثر الحضورات هدوءاً.
Regular · 400
#5B3CC4
الـhex values، الـtoken names، التواريخ والرقم الوظيفي. الوزن الافتراضي للـmono.
Medium · 500
UNIT 02 / 10
الـunit labels، الـeyebrows فوق الأقسام، أسماء الأنظمة، أي label يحتاج أن يُقرأ بوضوح.
يظهر الـMono في
✓ الـeyebrows فوق العنوان: UNIT 01 · FOUNDATION
✓ أسماء التوكنات: p-500 · #5B3CC4
✓ الـmeta-strip: آزر · النظام البصري · 7 يونيو 2026
✓ الـcaptions تحت الشرائح: COVER · p-900 BG
✓ رقم الشريحة، الـchrome الـfooter: AZR · azr-wordmark-ink.png
✓ الصيغ والكود: oklch(0.44 0.19 300°)
لا يظهر في
✕ النص العربي الوظيفي (لا يحمل عربية)
✕ الفقرات والشرح والجسم — غير مريح للقراءة المطولة
✕ العناوين الرئيسية — العرض الثابت يُفقدها الجاذبية
✕ أي نص أطول من سطرين متواصلين
TYPE SCALE · سلم الأحجام

من 8 إلى 200 — كل حجم له دور

الأحجام ليست عشوائية. كل حجم مرتبط بسياق محدد. لا يُختار الحجم للجماليات — للوظيفة.

px
عينة
الاستخدام
8
AZR · VISUAL SYSTEM · V1.0
Watermarks، الـfooter الأصغر، الـversion numbers
9
UNIT 01 · FOUNDATION
الـeyebrows فوق الأقسام، الـmeta-strip، الـtags
12
النص الثانوي والوصف والتفاصيل الصغيرة في الجداول والأنظمة.
Caption، table cells، descriptions، الـmeta الوظيفي
14
جسم النص الأساسي في الوثائق الطويلة وصفحات الويب.
Body copy الرئيسي في المستندات المطولة
20
عنوان فرعي · Subheading
Section subheadings، intro text الكبير
32
عنوان المقطع
Section titles في الوثائق، card headings كبيرة
52
عنوان الصفحة
Page titles، unit headers، slide headlines الكبيرة
80
العنوان
الغلاف، الـdisplay title في الشريحة، أكبر عنوان في المخرج
140
٦٨٪
Hero data numbers (Instrument Serif)، الرقم المحوري في slide البيانات
المبدأ: كل مخرج يحتاج حجماً واحداً سيداً. إذا كل شيء كبير، لا شيء كبير. الهرمية تُصنع بالفجوة بين الأحجام لا بالكبر وحده.
PAIRING · التزاوج

الثلاثة معاً — كيف يعملون

مثال مُركَّب يُظهر الثلاثة في نفس المساحة. لاحظ كيف كل خط يؤدي دوره دون منافسة.

PAIRING DEMO · مثال تزاوج · الثلاثة في آنٍ
SECTION 03 · METHODOLOGY · المنهجية
٣
منهجية آزر
في بناء الأنظمة
نبدأ بالسؤال لا الإجابة. كل نظام بصري يجب أن يُحل مشكلة قبل أن يكون جميلاً. المعمارية تسبق الجماليات، والقواعد تسبق الحرية — الحرية دون قواعد عشوائية.
الخط المستخدم
JetBrains Mono ← الـeyebrow "SECTION 03 · METHODOLOGY"
Instrument Serif ← الرقم "٣" وكلمة "آزر" إيطالية
IBM Plex Bold ← العنوان الرئيسي
IBM Plex Regular ← جسم النص
IN CONTEXT · في السياق

الخطوط في الشرائح

azr 02
INSIGHT · الفرصة
الهوية
تُباع
قبل أن يُرى المنتج
MONO eyebrow + IBM Plex Bold + Serif italic accent
azr 06
DATA
٣×
نمو المشاركة بعد إعادة الهوية
داكن + Serif hero number + IBM body
AZR · VISUAL SYSTEM
الوحدة
الثانية
02 / 10 · TYPOGRAPHY
غمر بنفسجي + Mono metadata فوق وتحت + IBM Bold محوري
DON'TS · المحظورات

ما لا يصح — ولماذا بالضبط

✕ محظور 01
لا تستخدم letter-spacing موجب على العربية
العربية المتصلة تعتمد على التصاق الحروف — letter-spacing الموجب يكسر الكلمات بصرياً ويجعلها تبدو "مترجمة". صفر دائماً أو سالب للعرض الكبير.
ا ز ر · ا ل ن ظ ا م
آزر · النظام
✕ محظور 02
لا تستخدم Instrument Serif للعربية
الخط لا يحمل Unicode العربي. في أفضل الأحوال يُعرض مستطيل فارغ، في الأسوأ يتراجع لخط احتياطي عشوائي. الإيطالية فقط للاتيني وأرقام ASCII.
arabic in serif = broken
✕ محظور 03
لا تستخدم JetBrains Mono للنص العربي الوظيفي
Mono = بدون عربية. أي محاولة لكتابة عربية في JetBrains Mono ستسقط لـfallback font. النص العربي دائماً IBM Plex Sans Arabic.
نص عربي في mono ← يسقط لـfallback
✕ محظور 04
لا تُكثر من Instrument Serif
أكثر من 3 استخدامات لـInstrument Serif في المخرج الواحد يُسقط تأثير الـ"لحظة". تأثيره مبني على الندرة — كلما زاد تكراره، كلما بدا IBM Plex هو الاستثناء.
الحد: 2–3 حالات كحد أقصى في أي مخرج واحد
✕ محظور 05
لا تستخدم الـLight تحت 24px
IBM Plex Light أنيق لكنه في الأحجام الصغيرة يختفي في الطباعة ويصعب على الشاشة تحت الـcontrast الأدنى. الحد الأدنى لـLight = 24px. أدنى من ذلك → Regular.
14px Light — مرفوض 24px Light — الحد الأدنى
✕ محظور 06
لا تُدخل خطاً رابعاً
النظام ثلاثي بالقصد. أي خط رابع (حتى لو جميل) يُضاف لإحساس "ينقصنا شيء" — هذا الإحساس خاطئ. كل حاجة يمكن تغطيتها بأوزان الثلاثة الموجودة وأحجامهم.
3 typefaces = complete. add nothing.
السابق
01 · البنفسجي
التالي
03 · الأبجدية الهندسية
5 أشكال · 4 حالات · 4 علاقات · مبدأ الكسر
AZR · VISUAL SYSTEM · 02 / 10